<div class="container-fluid">
	<div class="row">
		<div class="col-lg-4 col-md-4 col-sm-4 col-xs-0 "></div>
		<div class="col-lg-4 col-md-4 col-sm-4 col-xs-0 ">
			<h1 class="text-center">完整应用项目索引</h1>
		</div>
		<div class="col-lg-4 col-md-4 col-sm-4 col-xs-0 "></div>

	</div>

	<div class="row a">
		<!--下面 胶囊菜单开始-->
		<ul class="nav nav-pills">
			<li>
				<a href="#html5" data-toggle="tab">总目录</a>
			</li>
			<li>
				<a href="#bootstrap" data-toggle="tab">Bootstrap</a>
			</li>
			<li class="active">
				<a href="#jquery" data-toggle="tab">tp</a>
			</li>
			<li>
				<a href="#extjs" data-toggle="tab">微信</a>
			</li>
		</ul>
		<!--上面 胶囊菜单结束-->

		<!--下面 胶囊的内容 开始-->
		<div class="tab-content" style="padding: 10px;">
			<div class="tab-pane active fade in" id="html5">
				<p>家地址 http://www.2018a.com/47.94.136.51/t5/public/note.php/index/Index/index
					<a href="__ROOT__/note.php/index/Index/index">打开</a>
				</p>
				<p>阿里云地址 http://www.hyhthjk.com.cn/note.php/index/Index/index
					<a href="__ROOT__/note.php/index/Index/index">打开</a>
				</p>
			</div>
			<div class="tab-pane fade" id="bootstrap">

				<p>家地址 http://www.2018a.com/47.94.136.51/t5/public/note.php/boot/Index/index
					<a href="__ROOT__/note.php/boot/Index/index">打开</a>
				</p>
			</div>
			<div class="tab-pane" id="jquery">

				<p>家地址 http://www.2018a.com/47.94.136.51/t5/public/note.php/tp/Index/index
					<a href="__ROOT__/note.php/tp/Index/index">打开</a>
				</p>

			</div>

			<div class="tab-pane" id="extjs">
				<p>家地址 http://www.2018a.com/47.94.136.51/t5/public/note.php/wx/Index/index
					<a href="__ROOT__/note.php/wx/Index/index">打开</a>
				</p>
			</div>
			<!--上面 胶囊的内容 结束-->
		</div>
	</div>

	<div class="row">
		<div class="divider "></div>
	</div>
	<div class="row">
		<!--下面 胶囊菜单开始-->
		<ul class="nav nav-pills">
			<li class="active">
				<a href="#mulu" data-toggle="tab">完整应用项目目录</a>
			</li>
			<li>
				<a href="#cyxm" data-toggle="tab">常用应用</a>
			</li>

			<li>
				<a href="#json" data-toggle="tab">暂无</a>
			</li>
			<li>
				<a href="#wenti" data-toggle="tab">暂无</a>
			</li>

		</ul>
		<!--上面 胶囊菜单结束-->
		<!--下面 胶囊的内容 开始-->
		<div class="tab-content" style="padding: 10px;">
			<!--下面是 thinkphp 查询目录-->
			<div class="tab-pane active fade in" id="mulu">
				mulu
			</div>
			<!--上面是 thinkphp 查询目录-->


			<!--2 下面是 常用项目 cyxm-->
			<div class="tab-pane fade" id="cyxm">
				{volist name="cyyy" id="vo"}
				<div class="row">
					<div class="col-lg-4 col-md-4 col-sm-4 col-xs-0">{$vo.name}</div>
					<div class="col-lg-4 col-md-4 col-sm-4 col-xs-0">{$vo.address}</div>
					<div class="col-lg-4 col-md-4 col-sm-4 col-xs-0">{$vo.link}</div>
				</div>
				{/volist}


			</div>
			<!--2 上面是 常用项目 cyxm-->


			<!--3 下面是 json-->
			<div class="tab-pane fade" id="">






			</div>
			<!--3 上面是 json-->

			<!--4 下面是 问题-->
			<div class="tab-pane" id="wenti">

			</div>
			<!--4 上面是 问题-->




		</div>
		<!--上面 胶囊的内容 结束-->
	</div>
</div>